<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
		<link rel="stylesheet" href="css/index.css" />
		<script src="//res.qiaomukeji.com/plugin/jquery-1.10.2.min.js"></script>
		<script src="//res.qiaomukeji.com/plugin/vconsole.min.js"></script>
		<script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="//res.qiaomukeji.com/js/chomoo-weixin.js?v=3"></script>
		<script type="text/javascript" src="js/adapter.js"></script>
		<script type="text/javascript" src="js/jquery.nicescroll.js"></script>
		<script>
			chomoo.projectid = "LotusTobacco"; //项目ID
			chomoo.appid = "wxe893bfa0b4fdf4cc"; //wxe893bfa0b4fdf4cc   wx663b7bc7d5005b26
			chomoo.component_appid = "wxcbca8b69f0a8770a";
			chomoo.authMode = authMode.DEBUG; //授权方式，BASE隐式授权，USERINFO显示授权，DEBUG调试模式（必需手动设置openid参数）
			chomoo.isComponent = true; //采用Component授权方式
			chomoo.init(); //调用初始化方法
			chomoo.wxJsReady(function() {
				//分享内容对象
				var shareModel = {
					imgUrl: "",
					lineLink: location.href,
					descContent: "",
					shareTitle: ""
				}
				chomoo.setShare(shareModel, function() {
					console.log("分享成功回调")
				});

				chomoo.setShareTimeline(shareModel, function() {
					console.log("分享朋友圈成功回调")
				});
			});
		</script>
	</head>

	<body>
		<!--首页-->
		<div class="content">
			<div class="logo">
				<img src="img/logo.png" />
			</div>
			<div class="theme">
				<img src="img/theme.png" />
			</div>
			<div class="load">
				<img src="img/home/home_load.png" />
			</div>
			<div class="middle">
				<img src="img/title1.png" />
			</div>
			<div class="left-div">
				<div class="scan">
					<img src="img/home/index_scan.png" />
				</div>
				<div class="data">
					<img src="img/home/index_dataviewBtn.png" />
				</div>
				<div class="luck">
					<img src="img/home/index_luckBtn.png" />
				</div>
			</div>

			<div class="right-div">
				<div class="rule">
					<img src="img/home/index_ruleBtn.png" />
				</div>
				<div class="activity">
					<img src="img/home/index_activityBtn.png" />
				</div>
				<div class="prize">
					<img src="img/home/index_prizeBtn.png" />
				</div>
			</div>

			<div class="bottom-div">
				<div class="unionBtn">
					<img src="img/home/index_unionBtn.png" />
				</div>
				<div class="challenge">
					<img src="img/home/index_challenge.png" />
				</div>
				<div class="medal">
					<img src="img/home/index_medal.png" />
				</div>
				<div class="gift">
					<img src="img/home/index_gift.png" />
				</div>
				<div class="center">
					<img src="img/home/index_center.png" />
				</div>
			</div>

			<div class="bottom-logo">
				<img src="img/bottom_logo.png" />
			</div>
		</div>

		<!--手机电话号码弹窗-->
		<div class="phoneAlert" style="display: none;">
			<div class="phoneBg">
				<div class="tel-div">
					<input type="tel" placeholder="请输入电话号码" />
					<div class="getcodeBtn">
						获取验证码
					</div>
				</div>
				<div class="code-div">
					<input type="tel" placeholder="请输入验证码" />
					<div class="getcodeBtn">
						确定
					</div>
				</div>

				<div class="notBtn">
					我不验证，直接进入活动
				</div>
			</div>
		</div>

		<!--活动规则弹窗-->
		<div class="ruleAlert" style="display: none">
			<div class="rule-div">
				<div class="ruleTitle">活动规则</div>
				<div class="ruleTxt">
					<p>活动时间：2020年1月6日-15日</p>
					<h3>荷花锦鲤</h3>
					<p>1、本次活动将会在扫码用户中，抽取一名荷花锦鲤；<br /> 2、荷花锦鲤将获得荷花全家福产品各一条、一年荷花评测权；
						<br /> 3、并在活动最后一天为荷花锦鲤定制一场专属直播。
					</p>
					<h3>幸运2020</h3>
					<p>
						活动期间随机抽取2020个荷粉，赠送荷花2包装品吸礼盒。<br /> 扫描荷花系列及钻石系列全部带二维码的产品并参加活动即可。
					</p>

					<h3>荷花直播</h3>
					<p>
						下载斗鱼APP，关注“荷乐生活”<br /> 1月5日、8日、11日，直播间进行大屏幕抽奖，抽取若干幸运用户送出精美礼品。
					</p>
					<h3>最强荷芯联盟</h3>
					<p>
						本环节为联盟PK模式，根据联盟荣誉值决定胜负，个人可获得荷花数。<br /> 用户自发邀请好友组成联盟，发起人既是队长，队长所在区域即为该联盟区域。
						<br />
						<b>如何获得荣誉值、荷花数？</b><br /> ①邀请成员，每成功加入一人增加2朵荷花2个荣誉值，每天邀请10人可获得荷花，超过10人只获得荣誉值。<br /> ②首次加入联盟，每人奖励10朵荷花。
						<br /> ③扫描荷花系列及钻石系列全部带二维码的产品，扫码验真成功可额外获得5朵荷花5个荣誉值。
						<br /> ④每天持续进入活动，增加2朵荷花2个荣誉值；连续进入5天，额外增加5朵荷花5个荣誉值；连续进入10天，额外增加10朵荷花10个荣誉值；中断即从第一天计算。
						<br /> ⑤用户知识答题PK，用户选择非联盟成员进行答题PK，获胜用户增加3朵荷花3个荣誉值。
						<br /> 答题规则：
						<br /> 在规定时间内进行答题，答对加2分，答错扣1分，分数高用户获胜。
						<br /> 每个用户可选择1对1或1对多进行PK，每次同时最多选择10人PK，每天最多和100人PK。若发起邀请后无人应战，24点后PK自动失效。
						<br /> 本环节设置道具，每局道具最多使用5次。
						<br /><b>本活动分为三个阶段：</b><br /> 1月6日—9日，省区PK赛，每个省区前十晋级，联盟每个用户获得10朵荷花，整个联盟获得300荣誉值，队长额外获得50朵荷花数。
						<br /> 1月10日-13日，大区挑战赛，每个大区前十晋级，联盟每个用户获得10朵荷花，整个联盟获得500荣誉值，队长额外获得80朵荷花数。按照每个联盟荷花数高低获得单包品吸、车载支架各5个。
						<br /> 1月14日-15日，全国挑战赛，荣誉值前3名联盟获胜，联盟每个用户获得100朵荷花，队长额外获得200朵荷花。此外，按照每个联盟荷花数高低获得荷花两包装品吸礼盒、人体入户感应灯，第一名联盟30个，第二名联盟20个，第三名联盟10个。
						<br />
					</p>
					<h3>真爱粉大挑战：</h3>
					<p>
						在规定时间内找到指定元素即可过关，每关增加1朵荷花1个荣誉值，重复不获得；<br /> 每5关获得一次抽奖机会；
						<br /> 本环节设置有道具卡，每关最多使用道具5次。
					</p>

					<h3>五大工艺勋章：</h3>
					<p>集齐5大工艺勋章即可兑换荷花单包装品吸一份；<br /> 集齐4个工艺勋章即可兑换88个荷石币；
						<br /> 本环节设有稀有五大工艺勋章，需要观看直播获取密令获得；
						<br /> 请持续关注荷花直播间：斗鱼APP，账号：荷乐生活。
					</p>

					<h3>礼品大兑换：</h3>
					<p>
						每天定时定量开启兑奖模式，用户根据已有荷花数进行奖品兑换。<br /> 奖品数量有限，先到先得。
						<br /> 活动结束后，未兑换完的荷花按一定比例折算成荷石币。
					</p>

				</div>
			</div>
		</div>

		<!--活动奖品弹窗-->
		<div class="prizeAlert" style="display: none;">
			<div class="prizeBg">
				<div class="prize-title">
					活动奖品
				</div>
				<div class="prizeTxt">
					<p>荷花锦鲤:********</p>
					<p>最强荷芯联盟:*****</p>
					<p>真爱粉大挑战:*****</p>
				</div>
				<div class="prizeBtn">
					知道了
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/index.js"></script>
	</body>

</html>